<div class="settings-box ">
  <div class="header">
    <span i18n="Settings">Settings</span>
  </div>

  <div class="content-body flex flex-row">

    <div class="set-grid flex-disable-shrink">
      <div class="set-body">
        <ul class="flex flex-grid">
          <li class="set-item">
            <a class="set-item-olc" routerLink="olc" routerLinkActive="active"></a>
          </li>
          <li class="set-item">
             <a class="set-item-testing" routerLink="testing" routerLinkActive="active" ></a> 
          </li>
          <li class="set-item"> 
            <a class="set-item-voice" routerLink="media" routerLinkActive="active" ></a>
           </li>
          <li class="set-item" > 
            <a class="set-item-theme" routerLink="theme" routerLinkActive="active" ></a>
          </li>
          <li class="set-item">
             <a class="set-item-help" routerLink="help" routerLinkActive="active" ></a> 
            </li>
          <li class="set-item">
             <a href="javascript:;" class="set-item-exit" (click)="exit()" ></a> 
          </li>
   
        </ul>
      </div>
    </div>

    <div class="set-main">
        <router-outlet></router-outlet>
    </div>
  
  </div>

</div>
